.topimg {
    width: 100%;
    height: 1.8rem;
    background-color: blue;
    overflow: hidden;
}
.topimg .swiper-container {
    width: 100%;
    height: 1.8rem;
}
.nav {
    height: .4rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.nav li {
    flex: 1;
    text-align: center;
    font-size: 0.1rem;
}
.nav li a {
    display: block;
    height: 0.4rem;
    line-height: .4rem;
    color: #333;
}
.banner {
    width: 100%;
    overflow: hidden;
}
.banner a {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    float: left;
}

.list-title {
    height: .4rem;
    line-height: .4rem;
    background: #f7f7f7;
    padding: 0 .1rem;
    overflow: hidden;
    padding-top: .05rem;
    font-size: .14rem;
}
.list-title .hd {    
    color: #333;
    font-weight: bold;
    float: left;
}
.list-title a {
    color: #5795FF;
    float: right;
}

.listbox {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.1rem;
    background: #fdfdfd;
}
.item {
    width: 1.12rem;
    height: 1.76rem;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 0.08rem;
    box-shadow: 0 0.03rem 0.7rem 0 rgba(27,26,26,0.10);
    margin-top: 0.05rem;
    margin-left: 0.1rem;
    overflow: hidden;
}
.item .img {
    width: .98rem;
    height: 0.8rem;
    overflow: hidden;
    background-color: #ccc;
}
.item .img img {
    width: 100%;
    height: 100%;
}
.item .title {
    font-size: .1rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
    height: 0.26rem;
    line-height: 0.26rem;
    overflow: hidden;
}
.item .desc {
    color: #666666;
    font-size: 0.08rem;
    line-height: 1.5;
    height: 0.54rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ad {
    width: 100%;
    overflow: hidden;
}
.ad a {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    float: left;
}

.foot-ad {
    width: 100%;
    overflow: hidden;
}
.foot-ad a {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    float: left;
}
.topimg img, .banner img , .ad img , .foot-ad  img, .item .im img{
    width: 100%;
    height: 100%;
}
.form {
    padding: 0.2rem 0.15rem 0.2rem .1rem;
    font-size: .14rem;
    color: #333333;
}
.form-item {
    overflow: hidden;
    height: .4rem;
    margin-bottom: .14rem;
    display: flex;
    align-items: center;
}
.form-item .label {
    width: .74rem;
}
.form-item .short {
    width: .54rem;
}
.form-item .star {
    color: #FF0000 ;
}
.form-item .iptbox {
    flex: 1;
    height: .4rem;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 0.03rem;
}
.form-item .iptbox input {
    width: 100%;
    height: 100%;
    border: none;
    text-indent: 0.1rem;
}
.form-item label {
    display: flex;
    align-items: center;
    font-size: .12rem;
    color: #666666;
}
.form-item a {
    color: #5795FF;
    font-size: .12rem;
}
.form-item .radiobox {
    display: flex;
    justify-content:space-between;
    align-items: center;
    flex: 1;
}
.form-item .radio-item {
    background: #F2F2F2;
    border-radius: 3px;
    width: .68rem;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    font-size: .1rem;
    color: #666666;
}
.form-item .selected {
    background: #5795FF;
    font-size: .1rem;
    color: #FFFFFF;
}
.form-item input[type="checkbox"] + label:before {
    content: '';
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
    background: url(../imgs/check.png) no-repeat;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}
.form-item input[type="checkbox"]:checked + label:before {
    width: .2rem;
    height: .2rem;
    background: url(../imgs/checked.png) no-repeat;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
}
.form-item input[type="checkbox"]:focus + label:before {
    outline: none;
}
.form-item input[type="checkbox"]:disabled + label:before {
    box-shadow: inset 0 0 0 0.04rem #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.form-item input[type="checkbox"] + label:empty:before {
    margin-right: 0;
}
.flex-center {
    justify-content: center;
}
.form-item input::placeholder {
    color: #CCCCCC;
}
.form-item input:focus, .btn button:focus {
    outline: none;
}
.btn {
    padding-left: 0.05rem;
}
.btn button {
    height: .4rem;
    width: 100%;
    background: #5795FF;
    border: none;
    border-radius: 3px;
    text-align: center;
    font-size: .14rem;
    color: #FFFFFF;
}

.notice {
    height: .4rem;
    padding: 0 .15rem;
    overflow: hidden;
    margin-bottom: .2rem;
}
.notice-list {
    width: 100%;
    height: .4rem;
    background: #F2F2F2;
    overflow: hidden;
}
.notice-item {
    height: .4rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: url(../imgs/laba.png) .1rem center no-repeat;
    background-size: .26rem .26rem;
    padding-left: .46rem;
    padding-right: .1rem;
    font-size: .14rem;
    color: #333333;
}
.notice-item  span {
    display: block;
}
.notice-item .name {
    width: .84rem;
    margin-right: .1rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.notice-item .tel {
    width: 1.1rem;
    overflow: hidden;
}
.notice-item .time {
    flex: 1;
    text-align: right;
}
.footer {
    font-size: .12rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #666666;
}